*{
margin:0;
padding:0;
/*cursor: url(../img/Eclair-pointer.cur);*/
}
body{
	background-image: url(../img/mercury_background.jpg);
	background-repeat-x: no-repeat;
	background-size: cover;
	
}
#mercury_video{
	position: absolute;
	top: 100px;
	right: 200px;
}
#mercury_video video{
	width: 500px;
	height: 400px;
}
#ad{
	width: 300px;
	height: 110px;
	top: 400px;
	border: 1px;
	position: absolute;
	z-index: -2;
}
#ad img{
	width: 300px;
	height: 107px;
}
#text1{
	position: absolute;
	top: 100px;
	left: 250px;
	width: 400px;
	height: 400px;
	color: white;
	overflow-y: scroll;
	overflow-x: hidden;
}
#text1 img{
	width: 390px;
	height: 250px;
}
#text2{
	position: absolute;
	top: 1150px;
	left: 250px;
	width: 900px;
	height: 400px;
	color: white;
	overflow-x: hidden;
	overflow-y: scroll;
}
#img1{
	position: absolute;
	top: 510px;
	left: 250px;
}
#img2{
	position: absolute;
	top: 510px;
	right: 200px;
}
#img3{
	position: absolute;
	top: 810px;
	left: 250px;
}
#img4{
	position: absolute;
	top: 810px;
	right: 200px;	
}
#imgall img{
	width: 440px;
	height: 290px;
	box-shadow: 5px 5px 2px rgba(50,50,50,0.5);
	transition: all 0.2s ease-in;
	border-radius: 10px;
}
#imgall img:hover{
	box-shadow: 5px 5px 2px rgba(50,50,50,0.4);
	transform: scale(1.2);
	z-index: 2;
}
#fixed_div{
	position: fixed;
	top: 80px;
	left: 10px;
}
#fixed_div img{
	width: 100px;
	height: 250px;
}
#fixed_text{
	position: fixed;
	top: 80px;
	left: 52px;
	color: white;
}
#allall{
	position: absolute;
	top: 50px;
	left: 200px;
	background-color: rgba(255,255,255,0.2);
	width: 1000px;
	height: 1560px;
	z-index: -1;
	
}
.one{color:#0000FF;}

.two{color:#00FF00;}

.three{color:#FFFF00;}

.four{color:#00FFFF;}

.five{color:#CC9933;}

.six{ color:#FF66CC;}

.seven{color:#00FF00;}
